import React, { memo } from 'react'
import { SearchSectionsWrapper } from '@/components/app-header/c-cpns/header-center/c-cpns/search-sections/style'

const SearchSections = memo((props) => {
  const {searchInfos} = props;
  return (
    <SearchSectionsWrapper>
      {
        searchInfos.map((item, index) => {
          return (
            <div className="item" key={ index }>
              <div className="info">
                <div className="title">{ item.title }</div>
                <div className="desc">{ item.desc }</div>
              </div>
              { index !== searchInfos.length - 1 && <div className='divider'></div> }
            </div>
          )
        })
      }
    </SearchSectionsWrapper>
  )
})
export default SearchSections
